﻿
.IndexList{margin-left: 0%;width: 100%;margin-top: 100px;margin-bottom: 50px;}
.IndexList ul li{text-align: center;display: inline-block;vertical-align: top;width: 24.5%;border-right:1px solid lightgray}
.IndexList ul li:last-child{border: none;}
.IndexList ul li b{display: block;font-size: 46px;color: #0f6ab6;}
.IndexList ul li span{color: #0f6ab6;font-size: 16px;}
.IndexList ul li span:before{display: block;width: 30px;height: 2px;background: #0f6ab6;margin: 25px auto;content: '';}

.nub{ font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block; font-family: 'CalibreLight';color: #0f6ab6;}
.NumContent{ height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;color: #0f6ab6;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;color: #0f6ab6;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 1.3s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all 1.3s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all 1.3s cubic-bezier(.35,.75,.55,1) .2s;
}
.NumContent>div:nth-child(2){
	transition: all 1s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all 1s cubic-bezier(.35,.75,.55,1) .2s;
}
.NumContent>div:nth-child(3){
	transition: all .8s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1) .2s;
}
.NumContent>div:nth-child(4){
	transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
}
.NumContent>div:nth-child(5){
	transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
}










/*公共时间*/
.con_list1 p,.con_list1 h3{
	-webkit-transition:1s ease-in-out 0.5s;
	-moz-transition:1s ease-in-out 0.5s;
	-ms-transition:1s ease-in-out 0.5s;
	-o-transition: 1s ease-in-out 0.5s;
	transition: 1s ease-in-out 0.5s;
}
.con_list1 h3:before{
	-webkit-transition: 0.4s ease-in-out 1s;
	-moz-transition: 0.4s ease-in-out 1s;
	-ms-transition: 0.4s ease-in-out 1s;
	-o-transition: 0.4s ease-in-out 1s;
	transition: 0.4s ease-in-out 1s;
}
.con2_list1 h4:after,.con2_list1 h4,.con3_list1 li dd,.con3_list1 li:after,.con4,.con4_ul li:last-child a:after{
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.con5_list3,.con5_list3 span,.con5_list3 p,.con5_list3 h3,.con8_list1 li,.con8_list1 li img{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-ms-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
/*公共位移*/
.con_list1,.con3_list2{
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.con_list1 p{
	-webkit-transform: translateY(150px);
	-moz-transform: translateY(150px);
	-ms-transform: translateY(150px);
	-o-transform: translateY(150px);
	transform: translateY(150px);
}
.con_list1 h3{
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	-ms-transform: translateX(150px);
	-o-transform: translateX(150px);
	transform: translateX(150px);
}

.index_con1 .swiper-slide-active p{opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.index_con1 .swiper-slide-active h3{opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.con4_ul li:last-child a:after{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.con4_ul li:last-child:hover a:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.con8_list1 li:hover a>img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.con2_list1 li{opacity: 0;
	-webkit-transition: 0.8s ease-in-out;
	-moz-transition: 0.8s ease-in-out;
	-ms-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
}
.con2_list1 li:nth-child(2){
	-webkit-transition: 0.8s ease-in-out .3s;
	-moz-transition: 0.8s ease-in-out .3s;
	-ms-transition: 0.8s ease-in-out .3s;
	-o-transition: 0.8s ease-in-out .3s;
	transition: 0.8s ease-in-out .3s;
}
.con2_list1 li:nth-child(3){
	-webkit-transition: 0.8s ease-in-out .6s;
	-moz-transition: 0.8s ease-in-out .6s;
	-ms-transition: 0.8s ease-in-out .6s;
	-o-transition: 0.8s ease-in-out .6s;
	transition: 0.8s ease-in-out .6s;
}
.con2_list1 li:nth-child(4){
	-webkit-transition: 0.8s ease-in-out .9s;
	-moz-transition: 0.8s ease-in-out .9s;
	-ms-transition: 0.8s ease-in-out .9s;
	-o-transition: 0.8s ease-in-out .9s;
	transition: 0.8s ease-in-out .9s;
}
.con2_list1.active  li{opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.con3_list1 li{opacity: 0;
	-webkit-transition: 0.8s ease-in-out 0.3s;
	-moz-transition: 0.8s ease-in-out 0.3s;
	-ms-transition: 0.8s ease-in-out 0.3s;
	-o-transition: 0.8s ease-in-out 0.3s;
	transition: 0.8s ease-in-out 0.3s;
}
.con3_list1 li:nth-child(3){
	-webkit-transition: 0.8s ease-in-out 1s;
	-moz-transition: 0.8s ease-in-out 1s;
	-ms-transition: 0.8s ease-in-out 1s;
	-o-transition: 0.8s ease-in-out 1s;
	transition: 0.8s ease-in-out 1s;
}
.con3_list1 li:nth-child(2){
	-webkit-transition: 0.8s ease-in-out 0.6s;
	-moz-transition: 0.8s ease-in-out 0.6s;
	-ms-transition: 0.8s ease-in-out 0.6s;
	-o-transition: 0.8s ease-in-out 0.6s;
	transition: 0.8s ease-in-out 0.6s;
}
.con3_list1 li:nth-child(1){
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	transform: translateX(-200px);
}
.con3_list1 li:nth-child(4){
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	-ms-transform: translateX(200px);
	-o-transform: translateX(200px);
	transform: translateX(200px);
}
.con3_list1 li:nth-child(2){
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
}
.con3_list1 li:nth-child(3){
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
}
.con3_list1.active li{opacity: 1;
	transform: translate(0);
}
@keyframes run{
	0%{transform: translateY(-5px);opacity: 0;}
	50%{transform: translateY(5px);opacity: 1;}
	100%{transform: translateY(-5px);opacity: 0;}
}
@keyframes run1{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}
/*@keyframes run2{
	0%{transform:scaleX(1.1) scaleY(0.9);}
	50%{transform:scaleX(0.9) scaleY(1.1);}
	100%{transform:scaleX(1) scaleY(1);}
}*/

@keyframes run5{
	0%{transform:scaleX(1) scaleY(1);}
	50%{transform:scaleX(1.1) scaleY(1.1);}
	100%{transform:scaleX(1) scaleY(1);}
}




.con4_ul li:nth-child(2){transition: 1s ease 0.4s;}
.con4_ul li:nth-child(3){transition: 1s ease 0.8s;}
.con4_ul li:nth-child(4){transition: 1s ease 1.2s;}
.con4_ul li:nth-child(5){transition: 1s ease 1.6s;}
.con4_ul li:nth-child(6){transition: 1s ease 2s;}
.con4_ul.active li{transform: translateY(0);opacity: 1;}




.index_con1{position: relative;}
.index_con1 .swiper-slide img{width: 100%;}
.index_con1 .swiper-slide a{display: block;position: relative;}
.index_con1 .con_list1{position: absolute;width: 650px;box-sizing: border-box;padding: 80px 70px;background: rgba(48,152,207,.7);z-index: 110;top:58%;left: 13%;display: none;}
.index_con1 .swiper-slide-active .con_list1 h3:before{width: 60px;}
.index_con1 .swiper-slide-active img{animation:run5 13s linear;}
.con_list1 h3{font-size: 50px;color: white;opacity: 0;}
.con_list1 h3:before{content: '';display: block;width:0px;height: 5px;background: white;margin-bottom: 40px;}
.con_list1 p{font-size: 18px;color: white;line-height: 25px;margin-top: 50px;opacity: 0;}
.con1_list2{position: absolute;width: 100%;bottom: 40px;z-index: 12;text-align: center;animation: run 1.8s linear infinite;}
.con1_list2 img{cursor: pointer;}


.index_con2{width: 75%;margin: 0 auto;padding: 100px 100px 0;}
.com{text-align: center;}
.com h1{font-size: 36px;color: #0f6ab6;}
.com span{font-size: 14px;color: #97bedf;text-transform: uppercase;margin-top: 5px;}
.com span:after{content: '';display: block;width: 32px;height: 2px;background: #0f6ab6;margin:20px auto 0;}
.com p{    font-size: 16px;
    line-height: 1.8;
    width: 80%;
    margin: 30px auto 0;}
.con2_list1{font-size: 0;margin-top: 110px;}
.con2_list1 li{display: inline-block;vertical-align: top;width: 25%;text-align: center;position: relative;}
.con2_list1 li:after{content: '';display: block;height: 80%;width:1px;background: lightgray;position: absolute;top:25px;right:0}
.con2_list1 li:last-child:after{display: none;}
.con2_list1 li:hover h4{margin-top: 10px;}
.con2_list1 li:hover h4:after{margin: 15px auto;} 
.con2_list1 h4{font-size: 46px;color: #0f6ab6;}
.con2_list1 h4:after{content: '';display:block;width: 22px;height:2px;background: #26a7df;margin: 25px auto;}
.con2_list1 span{font-size: 16px;color: #0f6ab6;}



.index_con3{width: 100%;position: relative;background: url(../images/ind_02.jpg) no-repeat;background-size:100% 100%;height: 800px;overflow: hidden;background-attachment: fixed;}
.index_con3 .com{position: absolute;width: 100%;top:10%;left: 0;z-index: 2;}
.index_con3 .com h1,.index_con3 .com span{color: white;}
.index_con3 .com span:after{background: white;}
.con3_list1{width: 75%;margin:0 auto;height: 100%;}
.con3_list1 ul{font-size: 0;width: 100%;height: 100%;}
.con3_list1 li{width: 25%;display: inline-block;background: transparent;box-sizing: border-box;height: 100%;vertical-align: top;position:relative;z-index: 1;}
.con3_list1 li a{display: block;height: 100%;}
.con3_list1 li:after{content: '';width: 100%;height: 100%;position: absolute;top:0;left:0;background: rgba(39,153,225,.6);z-index: -1;top:100%}
.con3_list2{position: absolute;text-align: center;display: inline-block;width: 100%;top:60%;text-align: center;}
.con3_list2 dl{display: inline-block;position: relative;}
.con3_list2 dd{width: 192px;height: 192px;background:transparent;border-radius: 50%;display: inline-block;text-align: center;line-height: 192px;}
.con3_list2 dt{width: 190px;height: 190px;border-radius: 50%;display: inline-block;position: absolute;border: 1px solid white;left: 0px;top:0px}
.con3_list2 h5{font-size: 24px;color: white;margin-top: 40px;margin-bottom: 25px;padding: 0 10%;box-sizing: border-box;}
.con3_list2 p{font-size: 14px;color: white;padding: 0 10%;box-sizing: border-box;line-height: 25px;height: 200px;text-align: justify;}
.con3_list1 li:hover .con3_list2 h5{animation: run2 1.2s ease-in;}
.con3_list1 li:hover dd{background: -webkit-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
	background: -moz-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
	background: -ms-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
}
.con3_list1 li:hover dt{border: 1px dashed white;animation: run1 12s linear infinite;}
.con3_list1 li:hover:after{top:0}


.index_con4{padding: 100px 0;width: 75%;margin: 0 auto;}
.con4_ul{margin-top: 50px;}
.con4_ul li{display: inline-block;width:32.5%;vertical-align: top;position: relative;margin-top: 5px;margin-left: 0.1%;overflow: hidden;}
.con4_ul li:nth-child(3n+1){margin-left:0;}
.con4_ul li:last-child .con4{display: none;}
.con4_ul li:last-child a:after{content: '';display: block;position: absolute;top:2.2%;left: 2.2%;width: 95%;height: 95%;box-sizing: border-box;border: 1px solid #26b5d8;}
.con4_ul li .imgbox{height: 320px;}
.con4_ul li .imgbox img{height: 100%;min-width: 100%;}
.con4{position: absolute;width: 100%;height: 100%;/*background: rgba(17,112,182,.7);*/top:0;left: 0;text-align: center;z-index: 2;}
.con4 h5{margin-top: 17%;font-size: 30px;color: white;}
.con4 p{font-size: 24px;color: white;margin-top: 25px;margin-bottom: 30px;text-transform: uppercase;}
.con4:after{z-index:-1;content: '';display: block;position: absolute;width: 100%;height: 100%;top:0;left: -100%;background: rgba(17,112,182,.7);transition: 0.4s ease-in-out;}
.con4_ul li:hover .con4:after{left: 0;}


.index_con5{background: url("../images/ino_03.jpg") no-repeat;width: 100%;height:910px;background-size: 100% 100%;margin-top: 60px;box-sizing: border-box;padding-top: 100px;background-attachment: fixed;}
.index_con5 .ckqb{color: #fff;}
.index_con5 .com h1,.index_con5 .com span{color: white}
.index_con5 .com p{color: #fff;    margin: 30px auto 0;    width: 72%;}
.con5_list1{width: 83%;margin:0 auto;position: relative;}
.con5_list2{width:86%;margin:50px auto 0;}
/* .con5_list2 .swiper-wrapper{align-items: center;} */
.con5_list2 .imgbox{height: 280px;    overflow: hidden;}
.con5_list2 .imgbox img{min-height: 100%;min-width: 100%;height: 100%;}
.con5_list3{width: 100%;box-sizing: border-box;padding: 25px;background: white;}
.con5_list3 h3{font-size: 18px;color: #444;}
.con5_list3 p{font-size: 14px;color: #b9b9b9;margin-top: 25px;}
.con5_list3 span{font-size: 12px;color: #777;text-transform: uppercase;display: inline-block;}
.con5_list2 .swiper-slide{overflow: hidden;}
.con5_list2 .swiper-slide:hover span,.con5_list2 .swiper-slide:hover p,.con5_list2 .swiper-slide:hover h3{color: white;}
.con5_list2 .swiper-slide:hover .con5_list3 span{transform: translateX(10px) translateY(10px);}
.con5_list2 .swiper-slide:hover .con5_list3{background: -webkit-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
	background: -moz-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
	background: -ms-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
}
.con5_list1 .swiper-button-prev{width:40px;height:50px;background:none;font-size: 45px;color: #a0a7b1;font-weight: 100;}
.con5_list1 .swiper-button-next{width:40px;height:50px;background:none;font-size: 45px;color: #a0a7b1;font-weight: 100;}
.con5_list1 .swiper-button-prev:hover{color: #20a2d0;}
.con5_list1 .swiper-button-next:hover{color: #20a2d0;}




.index_con6{padding: 90px 0;}
.index_con6 .swiper-slide{text-align: center;line-height: 70px;}
.index_con6 .swiper-slide img{width: auto;}
.index_con6 .swiper-slide:hover .con6_img1{display: none}
.index_con6 .swiper-slide:hover .con6_img2{display: inline-block;}
.con6_img2{display: none;}




/* .index_con7{width:100%;height: 645px;background: url("../images/indal_03.jpg") no-repeat;background-size: 100% 100%;box-sizing: border-box;padding-top:100px;}
.index_con7 .com h1,.index_con7 .com span{color: white;}
.index_con7 .com span:after{background: white}
.index_con7 .con5_list2{margin-top: 90px;} */



.index_con8{padding-top: 80px;width: 75%;margin:0 auto;}
.con8_list1{font-size: 0;margin-top: 55px}
.con8_list1 li{display: inline-block;vertical-align: top;width: 23.5%;overflow: hidden;transform: translateY(200px);opacity: 0;margin-right:2%;}
.con8_list1 li:last-child{margin-right: 0;}
.con8_list1 li:nth-of-type(even){transform: translateY(-200px);transition: 1s ease 0.2s;}
.con8_list1 li:nth-of-type(odd){transition: 1s ease;}
.con8_list1.active li{transform: translateY(0);opacity: 1;}
.con8_list1 li .imgbox{height: 300px;    overflow: hidden;    width: 100%;}
.con8_list1 li .imgbox img{height: 100%;min-width: 100%;}
.con8_list1 li:nth-child(odd){background: #1caec5;}
.con8_list1 li:nth-child(even){background: #24c2c8;}
.con8_list2{box-sizing: border-box;padding:6% 10%;height: 220px;}
.con8_list2 span{font-size: 22px;color: white;}
/* .con8_list2 span:before{content: '';display: inline-block;vertical-align: middle;height: 19px;width: 1px;margin:0 10px;background: white;} */
.con8_list2 p{font-size: 16px;color: white;margin-top: 20px;line-height: 25px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.con8_list2 img{vertical-align: middle;margin-top: -5px}
.con8_list1 li:hover{background: #1173be}
.con8_list1 li:hover .imgbox img{    transform: scale(1.1);}
.con8_list2 aside{height: 50px}
.ckqb{display: block;width: 250px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #666666;border: 1px solid lightgray;margin:70px auto;border-radius: 50px;}
.ckqb:hover{background: #1173be;color: white;/*animation: run3 1s ease-in;*/}


.index_con9{padding-top: 80px;border-top:1px solid lightgray;padding-bottom: 80px;display:none;}
.index_con9 .swiper-slide{text-align: center;}
.index_con9 .swiper-slide img{width: auto;}
.index_con9 .con5_list1{width: 75%}
.index_con9 .con5_list1 .swiper-button-prev,.index_con9 .con5_list1 .swiper-button-next{font-size: 30px;height: 35px;top: 60%}




.footer-box { width: 100%; background: #0f6ab6; color: #fff; padding: 2.5% 0; }
.footer-box .T {    width: 75%;    margin: 0 auto; padding-bottom: 1.5%; margin-bottom: 1%; border-bottom: 1px solid rgba(255,255,255,0.2); }
.footer-box .cbox-ul { margin-top: 0; }
.footer-box .cbox-ul li a { width: auto; height: auto; line-height: normal; border: none; border-radius: 0; }
.footer-box .cbox-ul li a img { max-height: none; max-width: none; height: 1.1vw; }
.footer-box .BL { position: absolute; z-index: 0; left: 0; bottom: 0; font-size: 12px; color: #6392cd; }
.footer-box .BL a{color: #6392cd;font-size: 12px;}
.footer-box .BL a:hover{color: #fff;}
.footer-box .B { position: relative; z-index: 0;  width: 75%;    margin: 0 auto;}
.footer-box .BL img { display: inline-block; }
.footer-box .BR { text-align: right; }
.MenuList_f3>ul>li { display: inline-block; vertical-align: top; margin-left: 3%; }
.MenuList_f3>ul>li:first-child{margin-left: 0;}
.MenuList_f3>ul>li a { color: #fff;text-transform: capitalize; font-weight: normal; font-size: 16px; padding-bottom: 3px; border-bottom: 1px solid transparent; transition: 0.3s ease 0s; }
.cbox-hover>div { min-width: 150px; border: 1px solid #ddd; background: #fff; border-radius: 4px; padding: 10px; box-sizing: content-box; position: relative; z-index: 0; }
.cbox-hover>div:before { content: ''; position: absolute; border-style: solid; border-color: #fff transparent transparent; border-width: 6px 5px 0 5px; bottom: -6px; left: 50%; transform: translateX(-50%); }
.cbox-hover p { text-align: center; font-size: 12px; color: #666; margin: 5px 0 0; line-height: 1.5; }
.cbox-hover span { font-size: 16px; color: #0f6ab6; font-weight: bold; display: inline-block; vertical-align: middle; }
.cbox-hover .dis-m{vertical-align: middle;display: inline-block;}
.cbox-hover img { max-width: 100%; margin: 0 auto; }
.cbox-hover { font-size: 0; opacity: 0; transition: 0.3s ease 0s; position: absolute; bottom: 2.6vw; left: 50%; transform: translate(-50%, 20px) scale(1, 0); background: url(../images/menu_bg.png) repeat top left; background-size: 1px 1px; padding-bottom: 20px; transform-origin: bottom; z-index: -1; }
.cbox-ul li a { width: 2.6vw; height: 2.6vw; display: block; text-align: center; border-radius: 50%; line-height: 2.6vw; border: 1px solid rgba(255,255,255,0.5); }
.cbox-ul li { margin-left: 2%; position: relative; z-index: 0;vertical-align: top;display: inline-block; }
.cbox-ul { margin-top: 1.5%; }
.cbox-ul li a img { max-width: 48%; max-height: 40%; }
.cbox-ul li:hover .cbox-hover{opacity: 1;    transform: translate(-50%, 0) scale(1, 1);}
.footer-box .cbox-hover { bottom: 1.1vw; }



.index_con7{height:auto;padding-bottom: 100px;}
.con5_list2 a{overflow: hidden;}
.con5_list2 img{transition:0.3s ease-in-out;}
.con5_list2 img:hover{transform: scale(1.1);}

.con4{

	/*-webkit-transform: scaleX(0.8) scaleY(0);

	-moz-transform: scaleX(0.8) scaleY(0);

	-ms-transform: scaleX(0.8) scaleY(0);

	-o-transform: scaleX(0.8) scaleY(0);

	transform: scaleX(0.8) scaleY(0);*/

}

/*.con4_ul li:hover .con4{

	-webkit-transform: scaleX(1) scaleY(1);

	-moz-transform: scaleX(1) scaleY(1);

	-ms-transform: scaleX(1) scaleY(1);

	-o-transform: scaleX(1) scaleY(1);

	transform: scaleX(1) scaleY(1);

}*/
/*.con4 h5{transform: translateY(50px);opacity: 0;transition: 0.6s ease-in-out 0.5s;}

.con4 p{transform: translateY(50px);opacity: 0;transition: 0.6s ease-in-out 0.9s;}



*/
.index_con2 .com p{transform: translateY(200px);transition: 1.2s ease-in-out ;opacity: 0;}
.index_con2 .com.active p{    transform: translateY(0);    opacity: 1;}
.con5_list1 .swiper-slide{transform: translateY(200px);transition: 1.2s ease-in-out;opacity: 0;}
.con5_list1.active .swiper-slide{    transform: translateY(0);    opacity: 1;}
.con4_ul li{transform: translateY(200px);transition: 1.2s ease;opacity: 0;}
.con4 img{transform: translateY(100px);opacity: 0;transition: 0.4s ease-in-out 0.3s;}
.con4_ul li:hover .con4 h5,.con4_ul li:hover .con4 p,.con4_ul li:hover .con4 img{transform: translateY(0);opacity: 1;}

@media screen and (max-width: 1600px ) {
.index_con2,.index_con4,.con3_list1,.index_con8,.footer-box .T,.footer-box .B{width: 90%;}
.con5_list1{    width: 96%;}
.index_con1 .con_list1{left: 9%;}
.index_con2{padding: 100px 30px 0;}
.index_con2 .com p{    width: 84%;}
.IndexList{    margin-top: 70px;}
.index_con5 .com p{width: 80%;}
.con5_list2 .imgbox{height: 210px}
.ckqb{margin: 40px auto 80px;}
.index_con5{height: 840px;}
.con4_ul li .imgbox{height: 260px;}
.con3_list2{top: 58%;}
.con3_list2 dt,.con3_list2 dd{width: 160px;height: 160px;line-height: 160px;}

}
@media screen and (max-width: 800px ) {
.com p{font-size: 14px;    text-align: justify;    width: 92%;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-indent: 28px;}
.con5_list2 .imgbox{height: 230px;}
.index_con5 .ckqb{margin: 40px auto 0;}
.ckqb{    margin: 20px auto 80px;}
.footer-box { padding: 3.3vw 0; }
.footer-box .T,.footer-box .BR{display: none;}
.footer-box .B{width: 92%;}
.footer-box .BL a{color: #fff;    font-size: 14px;}
.footer-box .BL{position: static;    text-align: center;}
.footer-box span { font-size: 3.8vw; color: #fff; }
.footer-box span:first-child { display: block; margin-bottom: 2vw; }
}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist li.active a{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist li span:hover{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist li.active span{border-color:#1184DA;background:#1184DA;color:#fff;}